<template>
  <div class="container">
    <h3>{{ ros.title }}</h3>
    <div class="we">
      {{ ros.createTime | addDate }} <el-link icon="el-icon-view "> </el-link>
      {{ ros.username }}

      {{ ros.visitor }}
    </div>
    <div class="qw">
      <span><span v-html="ros.articleBody"></span></span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    ros: {
      type: Object,
      default: () => {}
    }
  }
}
</script>

<style scoped lang="scss">
.we {
  height: 50%;
}
.qw {
  height: 100%;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
}
</style>
